@charset "utf-8";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; font-family:"微软雅黑","宋体"; color:#333;}
body,html{ background:#fff; height:100%;}
ul,li,ol{ list-style:none}
img{ border:none;}
a{ text-decoration:none;}
.clear{ clear:both;}


#top,#logo,#nav,#banner,#tj,#fl,#gg1,#ys,#gg2,#jj,#fc,#xw,#foot{ width:1100px;margin:0 auto;}
#top{ height:28px; background:#0b7bb3;}
#top p{ width:280px; height:28px; line-height:28px; float:left; font-size:12px; font-family:"宋体"; text-indent:26px; color:#fff; background:url(../images/top_btn.png) no-repeat left center;}
#top .top_r{ width:100px; float:right;}
#top .top_r li{ float:left;}
#top .top_r li a{ font-size:12px; height:28px; line-height:28px; padding:0 2px; color:#fff; font-family:"宋体";}
#top .top_r li a:hover{ text-decoration:underline;}
#logo{ height:85px; padding-top:15px;}
#logo .logo_img{ width:429px; height:68px;}
#logo .sou{ width:265px; height:32px; margin-top:21px; float:right;border:1px solid #dcdcdc; }
#logo .sou .ss{ width:220px; height:30px; border:none; float:left;color:#999; text-indent:12px; line-height:30px;}
#logo .sou .tijiao{ width:35px; height:32px; border:none; float:right;} 
#nav{ width:1100px; height:50px; background:#0b7bb3;}

.banner{ width:1100px;height:431px;background:#eee; text-align:center; overflow:hidden; margin:0 auto;}
#bannerbox{ width:1100px;height:431pxz-index:777; margin-bottom:40px;}
#full-screen-slider {width:100%;height:543px;float:left;position:relative;}
#slides {display:block;width:100%;height:543px;list-style:none;padding:0;margin:0;position:relative}
#slides li {display:block;width:100%;height:100%;list-style:none;padding:0;margin:0;position:absolute}
#slides li a {display:block;width:100%;height:100%;text-indent:-9999px}
#pagination {display:block;list-style:none;position:absolute;left:10%;top:400px;z-index:9900;pad ding:5px 15px 5px 0;margin:0}
#pagination li {display:block;list-style:none;width:10px;height:10px;float:left;margin-left:15px;border-radius:5px;background:#ccc;}
#pagination li a {display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current {background:#0b7bb3;}

#tj{ height:265px; margin:40px auto;}
#tj .tj_top{ height:35px; background:url(../images/tj_bg.jpg) no-repeat center bottom;}
#tj h2{ background:url(../images/tui_btn.png) no-repeat center left; font-size:20px; font-weight:700; color:#0b7bb3; text-indent:24px;}
#tj h2 span{ color:#cccccc; font-weight:normal;}
#tj .tj_xia{ height:200px;margin-top:30px;}
/*案例的滚动代码*/
#tj .tj_xia #marquee1{ width:1100px;}
#tj .tj_xia .marqueeleft{height:200px;width:260px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left; margin-right:20px;display:inline;width:258px;height:198px; border:1px solid #ccc;overflow:hidden; position:relative;}
.marqueeleft li .pic{display:block;width:258px;height:198px;overflow:hidden;}
.marqueeleft li .txt{height:30px;line-height:30px; position:absolute;top:168px;left:0; background:url(../images/hei_bg.png) repeat; }
.marqueeleft li .txt a{ width:260px; font-family:"微软雅黑"; height:30px; display:block; font-size:14px; color:#fff;text-align:center;overflow:hidden;}
.marqueeleft li:hover a{color:#fff; background:#0b7bb3;} 
/*案例的滚动代码结束*/

#fl{ margin-bottom:40px; height:825px;}
#fl .fl_left{ width:240px; height:825px; float:left; position:relative;}

#cen_right_top{width:240px;}
#cen_right_top .active{ background:#0b7bb3;color:#fff;}
#cen_right_top h3{line-height:38px;text-align:center;float:left;height:38px;width:118px; border:1px solid #0b7bb3;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;}
#cen_right_top div ul{ background:url(../images/fl_bg.jpg) repeat-y;height:705px;}
#cen_right_top div ul li{ height:46px; overflow:hidden; border-bottom:1px dashed #ccc; padding:0 20px; width:200px; overflow:hidden;}
#cen_right_top div ul li a{ width:200px; height:46px; line-height:46px;display:block;background:url(../images/fl_btn2.png) no-repeat center left; text-indent:25px; color:#666;}
#fl .fl_left .more{ width:240px; height:79px; border-bottom:1px solid #0b7bb3;position:absolute; bottom:0; left:0; background:url(../images/fl_bg.jpg) repeat-y;}
#fl .fl_left .more a{ width:200px; font-size:15px; height:40px; margin:20px auto; background:#0b7bb3; color:#fff; display:block; line-height:40px; text-align:center;}
#cen_right_top div ul li a:hover{ background:url(../images/fl_btn.png) no-repeat  center left; color:#0b7bb3;}
#fl .fl_left .more a:hover{ color:#ffff00;}

#fl .fl_right{ width:843px;height:822px; float:right; padding-top:3px;}
#fl .fl_right .box{ width:258px; height:253px; float:left; margin-left:23px; margin-bottom:30px;}

.he_border1{background:#0066cc;width:258px;height:253px;padding:0;margin:0;border:1px solid #ccc;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}

.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:0.3}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:18px;color:#fff;text-align:center;width:80%;position:absolute;top:30%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1; font-weight:normal;}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:40%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; color:#fff;overflow:hidden;opacity:0; margin-top:30px;}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}


#gg1{ height:200px;  margin-bottom:40px;}

#ys{ height:900px;margin-bottom:40px;}
#ys .ys1{ height:268px;}
#ys .ys_left{ width:570px; height:268px; float:left;margin-right:50px;}
#ys .ys_left .ys_top{ width:460px; height:50px; background:url(../images/index_04.jpg) no-repeat center left; margin-bottom:25px; padding:25px 0 25px 110px;}
#ys .ys_left .ys_top  h2{ width:460px; height:30px; font-family:"微软雅黑"; line-height:30px; font-size:24px; color:#0066cc; font-weight:500;}
#ys .ys_left .ys_top  p{ width:460px; height:20px; line-height:20px; font-size:16px; color:#ccc;}
#ys .ys_left .ys_xia{overflow:hidden; height:143px;}
#ys .ys_left .ys_xia li{ font-size:14px; color:#333; background:url(../images/index_10.jpg) no-repeat  left 10px; margin-bottom:3px; line-height:2em; padding-left:15px;}

#ys .ys2{ height:273px;  margin:36px auto;}
#ys .ys2 .ys2_img{ float:left;}
#ys .ys2 .ys2_left{ width:570px; height:273px; float:right;}
#ys .ys2 .ys2_left .ys_top{ width:460px; height:50px; background:url(../images/index_18.jpg) no-repeat center left; margin-bottom:25px; padding:25px 0 25px 110px;}
#ys .ys2 .ys2_left .ys_top  h2{ width:460px; height:30px; font-family:"微软雅黑"; line-height:30px; font-size:24px; color:#0066cc; font-weight:500;}
#ys .ys2 .ys2_left .ys_top  p{ width:460px; height:20px; line-height:20px; font-size:16px; color:#ccc;}
#ys .ys2 .ys2_left .ys_xia{overflow:hidden; height:148px;}
#ys .ys2 .ys2_left .ys_xia li{ font-size:14px; color:#333; background:url(../images/index_10.jpg) no-repeat  left 10px; margin-bottom:3px; line-height:2em; padding-left:15px;}

#ys .ys3{ height:287px;}
#ys .ys3 .ys3_img{ float:left;}
#ys .ys3 .ys3_left{ width:570px; margin-right:50px; height:287px; float:left;}
#ys .ys3 .ys3_left .ys_top{ width:460px; height:50px; background:url(../images/index_25.jpg) no-repeat center left; margin-bottom:25px; padding:25px 0 25px 110px;}
#ys .ys3 .ys3_left .ys_top  h2{ width:460px; height:30px; font-family:"微软雅黑"; line-height:30px; font-size:24px; color:#0066cc; font-weight:500;}
#ys .ys3 .ys3_left .ys_top  p{ width:460px; height:20px; line-height:20px; font-size:16px; color:#ccc;}
#ys .ys3 .ys3_left .ys_xia{overflow:hidden; height:162px;}
#ys .ys3 .ys3_left .ys_xia li{ font-size:14px; color:#333; background:url(../images/index_10.jpg) no-repeat  left 10px; margin-bottom:3px; line-height:2em; padding-left:15px;}


#gg2{ height:258px;  margin-bottom:40px;}

#jj{ height:330px;}
#jj .jj_left{ width:590px; height:330px; float:left; margin-right:50px;}
#jj .jj_left h2{ width:590px; height:25px; font-size:20px; color:#0066cc; margin-bottom:29px; }
#jj .jj_left .jj_con{ width:590px; height:200px; overflow:hidden; font-size:14px; line-height:2em; margin-bottom:29px;}
#jj .jj_left .jj_chakan{ width:188px; height:44px;}
#jj .jj_left .jj_chakan a{width:188px; height:44px; line-height:44px; display:block; font-size:14px; color:#fff; text-align:center; background:#0b7bb3; border:1px solid #0b7bb3; border-radius:5px;}
#jj .jj_left .jj_chakan a:hover{ background:#0066cc;}
#jj .jj_right{ width:392px; margin-top:20px; padding-left:18px; height:295px; background:url(../images/index_30.jpg) no-repeat center; float:left;}

#fc{ height:290px; margin:40px auto 50px auto;}
#fc .fc_top{ margin-bottom:30px; height:30px;}
#fc .fc_top h2{height:30px; line-height:30px;font-size:20px; color:#0066cc; width:200px; float:left;}
#fc .fc_top .fc_more{ width:30px; height:30px; float:right;}

#fc .fc_xia{ height:230px;  width:1140px;}
.js_slide li{ width:218px; height:200px; overflow:hidden; border:1px solid #ccc;    vertical-align: middle; display: table-cell;}
.js_slide li p{ width:218px; height:30px; text-align:center; line-height:30px;}


#xw{ height:390px; margin-bottom:70px;}
#xw .xw_left{ width:650px; height:390px; float:left;}
.newsbox{ width:650px; height:auto;}
.tab{width:650px;}
.tab ul.menu{height:49px;position:relative;}
.tab ul.menu li{float:left;text-align:center;width:107px;height:47px;line-height:47px;list-style:none;font-size:14px; color:#333;cursor:pointer; border:1px solid #ebebeb; border-right:none;}
.tab ul.menu li.active{color:#0b7bb3;}
.newsmore{ display:block; width:30px; height:30px; float:right; background:url(../images/index_33.jpg) center no-repeat;}
.con1,.con2,.con3,.con4{ width:650px; margin-top:30px; }
.con2,.con3,.con4{display:none;}
.newstop{ width:100%; height:100px; }
.newstoppic{ width:150px; height:100px; display:block;float:left; overflow:hidden;}
.newstoptex{ width:480px; height:100px; float:right;}
.newstoptex a{ width:480px; height:34px; overflow:hidden; line-height:34px; display:block; color:#333;}
.newstoptex a:hover{ color:#0b7bb3; }
.newstoptex p{ width:480px; height:54px; line-height:18px; overflow:hidden; font-size:12px; margin-top:10px;}
.newssylist{ width:650px; margin-top:36px;}
.newssylist li{ width:570px; height:70px; padding-left:80px;}
.newssylist .news1{ background:url(../images/index_391.jpg) no-repeat center left; margin-bottom:34px;}
.newssylist .news2{ background:url(../images/index_42.jpg) no-repeat center left;}
.newssylist .news1:hover{background:url(../images/index_39.jpg) no-repeat center left;}
.newssylist .news2:hover{ background:url(../images/index_421.jpg) no-repeat center left;}
.newslisttext{ width:550px; height:70px;}
.newslisttitle{ width:550px; height:30px; overflow:hidden;}
.newslisttitle span{ float:right; line-height:30px; color:#a4a4a4; font-size:12px;}
.newslisttitle a{ line-height:30px; height:30px; display:block; color:#333; font-size:14px; font-weight:bold;}
.newsnr{ display:block; width:550px; height:30px; line-height:30px; margin-top:5px; font-size:12px; overflow:hidden;}
.newssylist li:hover a, .newssylist li:hover span{ color:#fff;}


#xw .ry{ width:420px; height:390px; float:right;}
#xw .ry  .ry_top { width:420px; height:30px; margin-bottom:30px;}
#xw .ry h2{height:30px; line-height:30px;font-size:20px; color:#0066cc; width:200px; float:left;}
#xw .ry .ry_xia{ width:420px; height:330px; background:#333;}
#wrap{width:420px;min-width: 300px;background: #fefefe;}
.hiSlider{overflow: hidden;height:330px;width: 420px;background: #eee;}
.hiSlider-wrap{ height:330px;}
.hiSlider-item{float: left;}

#foot{ height:340px;}
#foot .foot_nav{height:50px; background:#0b7bb3;}
#topnav  li{ width:137px; float:left; background:url(../images/li_bg.png) no-repeat right center; height:50px;}
#topnav  li a{ width:137px; height:50px; line-height:50px; color:#fff; display:block; text-align:center; font-size:14px;}
#topnav  li a:hover{ background:#ff6600;}
#foot .foot_con{ height:240px; background:#393939; padding-top:50px;}
#foot .foot_con .foot1{ width:132px; height:200px; padding:0 66px; float:left;}
#foot .foot_con .foot1 h2{ width:132px; height:35px; line-height:35px; color:#fff; font-size:26px; margin-bottom:30px; text-align:center; overflow:hidden;}
#foot .foot_con .foot2{ width:450px; float:left; overflow:hidden; color:#fff; font-size:14px;  height:200px;line-height:2.5em;}
#foot .foot_con .foot2 a{color:#fff; font-size:14px;}
#foot .foot_con  .foot3{ width:280px; height:200px; padding:0 10px 0 60px; background:url(../images/index_03.jpg) no-repeat center left; float:right; overflow:hidden;}
#foot .foot_con  .foot3 h2{ font-size:24px; height:30px; line-height:30px; color:#fff; font-weight:normal; margin-bottom:30px;}
#foot .foot_con  .foot3 .link{ height:200px;}
#foot .foot_con  .foot3 .link li a{ color:#fff; font-size:5px; float:left; padding:0 3px; line-height:15px;}
#foot .foot_con  a:hover{ color:#FFFF00;}
#foot .foot_con  .foot3 .link li a:hover{ color:#FFFF00;}


/*内页CSS开始*/
.nei_banner{ width:1100px; height:240px; overflow:hidden; text-align:center; margin:0 auto;}
#nei{ margin:0 auto; width:1100px; margin-bottom:70px;}
.nei_left{ width:240px; height:auto; float:left; margin-top:-60px;}
.nei_left h2{ width:230px; color:#fff; font-family:"微软雅黑"; font-weight:500; height:60px; background:url(../images/h2_bg.jpg) no-repeat; font-size:24px; line-height:60px; padding-left:10px;}
.nei_left ul li{ width:220px; height:39px; border-bottom:1px solid #c5c5c5; padding:0 10px; margin-bottom:2px; background:#f0f0f0;}
.nei_left ul li a{ width:220px; font-size:14px; color:#333; height:39px; line-height:39px; display:block;background:url(../images/nei_libg.png) no-repeat center right; }
.nei_left ul li:hover{ background:#d4e1ee;}
.nei_left ul li:hover a{ color:#004a82;}
.nei_left ul li.active{ background:#d4e1ee;}
.nei_left ul li.active a{ color:#004a82;}
.nei_left .left_img{ width:240px; height:429px; margin-top:100px;}
.nei_right{ width:820px;float:right; height:auto;}
.nei_right .mbx{ width:820px; height:39px; margin-bottom:40px; border-bottom:1px solid #ccc; line-height:39px;}
.nei_right .mbx p{ font-size:12px; float:right; background:url(../images/mbx.png) no-repeat center left; padding-left:20px;}
.nei_right .mbx p a:hover{ color:#0b7bb3;}
/*内页右边CSS开始*/
.nei_right .right_all{ width:820px; height:auto;}
.nei_right .right_all .jianjie{ font-size:14px; line-height:2.5em;}
.nei_right .right_all .wenhua h2{ width:820px; height:30px; line-height:30px; font-size:20px; color:#0b7bb3; margin-bottom:20px; }
.nei_right .right_all .wenhua p{ width:820px; height:auto; font-size:16px; color:#666; margin-bottom:30px;}

.honorn{ width:820px; height:auto;}
.honorn li{ float:left;font-size:12px; color:#666;margin-right:6px; width:248px;height:238px; padding:6px 6px; margin-bottom:30px; text-align:center; border:1px solid #eee;}
.honorntu{width:248px; height:210px; text-align:center;vertical-align: middle;display: table-cell;}
.honornti{width:248px; height:30px; text-align:center; float:left; padding-top:10px; font-size:14px;}

.pro_left{ width:240px; height:auto;}
#pro_top{width:240px;}
#pro_top .active{background:#0b7bb3; color:#fff;}
#pro_top h1{line-height:38px;text-align:center;float:left;height:38px;width:118px;margin::0px;padding:0px; border:1px solid #0b7bb3;font-size:14px;color:#0b7bb3;font-weight:lighter;cursor:pointer;}
#pro_top div{font-size:14px;display:none;clear:both;}
#pro_top div .pro_nei{ width:200px; height:45px; border-bottom:1px dashed #ccc; padding:0 20px; display:block; overflow:hidden;}
#pro_top div .pro_nei a{ width:200px; text-indent:20px; color:#666;height:50px; display:block; line-height:50px; background:url(../images/fl_btn2.png) no-repeat center left;}
#pro_top div .pro_nei a:hover,#pro_top div .pro_nei a.actives{ background:url(../images/fl_btn.png) no-repeat center left; color:#0b7bb3;}

.pro1{ width:820px; height:293px; margin-bottom:30px; overflow:hidden;}
.pro1 .pro_top{ padding:0 10px; width:800px; height:45px; background:url(../images/pro_bg3.jpg) no-repeat;}
.pro1 .pro_top h2{ width:600px; height:45px; line-height:45px; float:left; font-size:16px; font-weight:normal; color:#fff; background:url(../images/pro_btn.png) no-repeat center left; text-indent:20px; }
.pro1 .pro_top  span a{ padding:0 5px;height:45px; line-height:45px; float:right; font-size:14px; color:#fff; text-align:center;} 
.pro1 .pro_top  span a:hover{ color:#FFFF00;}
.pro_xia{ width:798px; height:227px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;padding:10px;} 
.pro_xia li{ width:241px; border:1px solid #eee; height:217px; float:left; margin-right:23px; position:relative;}
.pro_xia li p{ width:238px; height:30px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.8); color:#fff; overflow:hidden; font-size:14px; text-align:center; line-height:30px;}
.pro_xia li:hover p{ color:#FFFF00;}


.pro2{ width:820px; height:auto;margin-bottom:30px; overflow:hidden;}
.pro2 .pro2_top{ padding:0 10px; width:800px; height:45px; background:url(../images/pro_bg3.jpg) no-repeat;}
.pro2 .pro2_top h2{ width:600px; height:45px; line-height:45px; float:left; font-size:16px; font-weight:normal; color:#fff; background:url(../images/pro_btn.png) no-repeat center left; text-indent:20px; margin-bottom:30px; }
.pro2_xia{ width:820px; overflow:hidden;}
.pro2_xia li{ width:241px; border:1px solid #ccc; height:217px; float:left; margin-right:30px; position:relative; margin-bottom:30px; transition:all 0.5s;text-align:center;vertical-align: middle;display: table-cell;}
.pro2_xia li p{ width:241px; height:30px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.8); color:#fff; overflow:hidden; font-size:14px; text-align:center; line-height:30px;}
.pro2_xia li:hover{ border:1px solid #0b7bb3;}
.pro2_xia li:hover p{ color:#fff; background:rgba(11,123,179,0.9)}

.pro3{ width:820px; height:auto; overflow:hidden;}
.pro3_top{ width:820px; height:45px; background:#f0f0f0; margin-bottom:30px;}
.pro3_top h2{ background:url(../images/pro3_img.png) no-repeat 10px center #0b7bb3;height:45px; font-size:14px; font-weight:normal; color:#fff; line-height:45px; padding-left:30px;}
.pro3_z{ width:820px; height:410px; margin-bottom:60px;}
.pro3_z .pro3_zl{ width:350px; height:410px; float:left;}
#preview{ float:none; text-align:center; width:500px;}
.jqzoom{ width:350px; height:350px; position:relative;vertical-align: middle;display: table-cell;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:5px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.pro3_z .pro3_zr{ width:440px; height:410px; float:right; }

.pro3_z .pro3_zr li{ width:440px; height:45px; line-height:45px; overflow:hidden; margin-bottom:25px;}
.pro3_z .pro3_zr li span{ width:75px; height:45px; overflow:hidden;}
.pro3_z .pro3_zr .dinggou{ font-size:25px; font-weight:bold; color:#0b7bb3;}
.pro3_z .pro3_zr .dinggou span{color:#0b7bb3;}
.pro3_z .pro3_zr li .zx{ width:146px; height:45px; line-height:45px; display:block; text-align:center; color:#fff; background:url(../images/zaixian.jpg) no-repeat;}
<!--修改的-->
.pro3_xia{ width:820px; height:auto;}
#pro_top2{width:820px;}
#pro_top2 .active{background:#0b7bb3; color:#fff;}
#pro_top2 h1{line-height:39px; border-radius:10px; margin-right:5px;text-align:center;float:left;height:39px;width:118px;margin:0px;padding:0px; border:1px solid #0b7bb3;font-size:14px;color:#0b7bb3;font-weight:lighter;cursor:pointer; margin-right:5px;}
#pro_top2 div{font-size:14px;display:none;clear:both; width:810px; height:auto; padding:20px 5px; border-top:1px solid #ccc; line-height:2em;}
<!--修改的-->

.pro3_xia .pro3_xx{ width:790; background:#f0f0f0; font-size:14px; line-height:2.5em; height:auto; padding:15px;}
.lianxi_con{ width:820px; height:auto; margin-top:40px;}
.lianxi_con .lianxi_left{ width:510px; height:auto; float:left;}
.lianxi_con .lianxi_left li{ width:510px; height:45px; line-height:45px; font-size:15px;}
.lianxi_con .lianxi_left li a{font-size:15px;}
.lianxi_right{ width:183px; height:223px; float:left; margin-top:40px;}
.lianxi_righter{ width:132px; height:132px;padding:25px;}
.lianxi_right h2{ width:183px; height:40px; line-height:40px; font-size:18px; text-align:center;}

#faq li{ margin-bottom:10px;}
#faq dt{  height:40px; border:1px solid #dddddd; background: url(../images/zhankai.png) 760px 5px no-repeat; padding-left:15px; line-height:40px; color:#333333; font-size:14px; cursor:pointer;}
#faq dd{display:none; padding:20px; font-size:12px; line-height:30px; background:#f1f1f1; margin:0; width:780px; color:#666;}

.yingxiao{ width:820px; height:auto;}
.yingxiao_img{ width:820px; text-align:center;}
.yingxiao_xia{ width:820px; height:auto;}
.yx_left,yx_right{ width:410px;}
.yx_left{ float:left;}
.yx_left li,.yx_right li{ width:410px; height:30px; line-height:30px; font-size:15px; margin-bottom:10px; overflow:hidden;}
.yx_right{ float:right;}


.news_con{ width:820px; height:auto;}
.nesw_top{ width:820px; height:169px; overflow:hidden; margin-bottom:40px;}
.nesw_top .news_img{ widows:200px; height:169px; float:left;}
.news_right{ width:580px; height:169px; float:right;}
.news_right h2{ width:580px; height:60px; line-height:60px; font-size:16px; font-weight:normal; color:#333; margin-bottom:19px;}
.news_right h2 a{font-size:16px;color:#333;}
.news_right h2 a:hover{ color:#0b7bb3;}
.news_right h2 span{ width:100px; height:60px; line-height:60px; float:right; font-size:14px;}
.news_right p{ width:580px; height:90px; font-size:14px; line-height:1.5em;}
.news_xia{ width:820px; height:auto;}
.news_xia li{ width:820px; height:41px; margin-bottom:10px; border-bottom:1px dashed #eee; overflow:hidden;}
.news_xia li a{ width:620px; height:40px; font-size:14px; line-height:40px; display:block; float:left; background:url(../images/news_li.png) no-repeat center left; padding-left:20px;}
.news_xia li span{ width:80px; height:40px; font-size:14px; line-height:40px; display:block; float:right;}
.news_xia li:hover a{ color:#0b7bb3;}

.news_neit h2{ width:820px; height:60px; line-height:60px; text-align:center; font-weight:600; color:#333; font-size:18px;}
.news_neit p{ width:820px; height:30px; margin-bottom:50px; line-height:30px; text-align:center; font-size:12px; color:#666;}
.news_neit p a:hover{ color:#0b7bb3;}
.news_nei{ width:820px; height:auto; font-size:14px; line-height:2.5em; color:#333;}

.case{ width:820px; height:auto;}
.case li{ background:#f0f0f0; width:790px; height:170px; padding:15px 15px; margin-bottom:30px; transition:all 0.5s;}
.case li .case_left{ width:523px; height:170px; float:left;}
.case li .case_left h2{ width:523px; height:45px; line-height:45px; font-size:16px; margin-bottom:25px; overflow:hidden; font-weight:500; color:#333;}
.case li .case_left p{ width:523px; height:100px; font-size:14px; line-height:2.5em; overflow:hidden;}
.case li:hover{ background:#0b7bb3;}
.case li:hover h2{ color:#fff; text-decoration:underline;}
.case li:hover p{ color:#fff;}

.case_right{ width:237px; height:170px; float:right;}
.case3_xx{ width:790;font-size:14px; line-height:2.5em; height:auto; padding:15px;}
/*分页*/
.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage a.current,.listpage strong {
    background-color: #003366;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.cpage { text-align:center}
.cpage a {
	background-color: #FFFFFF;
    border-color: #7EB864;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding:5px 10px;
}

.c-bsearch a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.c-bsearch span {
    background-color: #003366;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}